<script setup>
// 所有顶层中的代码，都默认暴露给template可以使用
// 导入的组件直接使用不需要注册
// 使用defineProps函数和defineEmits函数定义props和emits
// 使用了 <script setup> 的组件是默认私有的：一个父组件无法访问到一个使用了 <script setup> 的子组件中的任何东西，除非子组件在其中通过 defineExpose 宏显式暴露
import {ref} from "vue";

const message = ref("vue")
</script>
<template>
  <div id="app">
    <h1>{{ message }}</h1>
  </div>
</template>

<style lang="less"></style>
